<template>
  <div>
    <h4 class="company-section-title">主体身份登记信息</h4>

    <table class="table table-bordered table-sm table-company">
      <colgroup>
        <col width="20%" />
        <col width="30%" />
        <col width="20%" />
        <col width="30%" />
      </colgroup>
      <tbody>
        <tr>
          <td>登记机关</td>
          <td>{{ baseInfo.DJJG }}</td>
          <td>状态</td>
          <td>{{ baseInfo.JYZT }}</td>
        </tr>
        <tr>
          <td>注册号</td>
          <td>{{ baseInfo.ZCH }}</td>
          <td>统一信用代码</td>
          <td>{{ baseInfo.TYSHXYDM }}</td>
        </tr>
        <tr>
          <td>所属行业</td>
          <td>{{ baseInfo.XYLXDL }}</td>
          <td>主体类型</td>
          <td>{{ baseInfo.QYLX }}</td>
        </tr>
        <tr>
          <td>成立日期</td>
          <td>{{ baseInfo.CLSJ }}</td>
          <td>注册资本</td>
          <td>{{ baseInfo.ZCZB }}</td>
        </tr>
        <tr>
          <td>法定代表人</td>
          <td>{{ baseInfo.FDDBRFZR }}</td>
          <td>法定代表人证件号码</td>
          <td>{{ baseInfo.FDDBRZJHM }}</td>
        </tr>
        <tr>
          <td>营业期限起始日期</td>
          <td>{{ baseInfo.YYQXKS }}</td>
          <td>营业期限终止日期</td>
          <td>{{ baseInfo.YYQXJS }}</td>
        </tr>
        <tr>
          <td>联系电话</td>
          <td>{{ baseInfo.LXDH }}</td>
          <td>核准日期</td>
          <td>{{ baseInfo.HZRQ }}</td>
        </tr>
        <tr>
          <td>经营地址</td>
          <td colspan="3">{{ baseInfo.JYDZ }}</td>
        </tr>
        <tr>
          <td>经营范围</td>
          <td colspan="3">{{ baseInfo.JYFW }}</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
  components: {},
  props: {
    baseInfo: {
      type: Object,
      default: () => ({}),
    },
  },
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
}
</script>

<style lang="scss" scoped>
.table-company {
  > tbody > tr {
    td:nth-child(2n + 1) {
      background-color: #f5fbff;
    }

    td:nth-child(2n) {
      color: var(--text-muted);
    }
  }
}
</style>
